﻿@model eShop.Web.Mobile.Models.SelectFindPwdTypeModel
@{
    Layout = null;
}
<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>选择找回方式-@{@WorkContext.ShopConfig.SiteTitle}触屏版</title>
    @Html.Raw(WorkContext.ShopConfig.SEOKeyword)
    @Html.Raw(WorkContext.ShopConfig.SEODescription)
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link href="@{@WorkContext.CSSCDN}/mobile/themes/default/css/base.css" rel="stylesheet" type="text/css">
    <link href="@{@WorkContext.CSSCDN}/mobile/themes/default/css/account.css" rel="stylesheet" type="text/css">
    <script src="@{@WorkContext.ScriptCDN}/mobile/scripts/jquery.js" type="text/javascript"></script>
    <script src="@{@WorkContext.ScriptCDN}/mobile/scripts/common.js" type="text/javascript"></script>
    <script src="@{@WorkContext.ScriptCDN}/mobile/scripts/account.js" type="text/javascript"></script>
</head>

<body>
@Html.Partial("_header")
<script type="text/javascript">
    $("#headerTitle").html("选择找回方式");
</script>


<div class="loginTable">
    <div class="itmeT">@Model.PartUserInfo.NickName ，您好</div>
    <div class="itmeC">
        <select class="select" style=" width:90%; display:block; float:left;">
          @if (Model.PartUserInfo.VerifyMobile == 1)
          {
          <option value="0" selected="selected">通过手机号 @Html.Raw(CommonHelper.HideMobile(Model.PartUserInfo.Mobile))</option>
          }
          @if (Model.PartUserInfo.VerifyEmail == 1)
          {
          <option value="1" @if (Model.PartUserInfo.VerifyMobile == 0){<text>selected="selected"</text>}>通过邮箱 @Html.Raw(CommonHelper.HideEmail(Model.PartUserInfo.Email))</option>
          }
        </select>
        <a href="javascript:sendFindPwdMobile(@Model.PartUserInfo.Uid)" class="redBt" style="display:block; float:right; margin-right:16px; padding:0; height:38px; width:8%; text-align:center; line-height:38px;">获取密码</a>
        <div class="clear"></div>
    </div>
    <div id="mobileBut" @if (Model.PartUserInfo.VerifyMobile == 0){<text>style="display:none;"</text>}>
    <div class="itmeC"><input type="text" id="moibleCode" class="text" placeholder="输入您收到的短信登录密码" /></div>
    <div class="itmeC"><a href="javascript:verifyFindPwdMobile(@Model.PartUserInfo.Uid, document.getElementById('moibleCode').value)" class="redBt" style="display:block; padding:0; height:38px; width:99%; text-align:center; line-height:38px;">下一步</a></div>
    </div>
    <div id="emailBut" @if (Model.PartUserInfo.VerifyMobile == 1){<text>style="display:none;"</text>} class="itmeC"><a href="javascript:sendFindPwdEmail(@Model.PartUserInfo.Uid)" class="redBt" style="display:block; padding:0; height:38px; width:99%; text-align:center; line-height:38px;">发送验证邮件</a></div>
</div>

<script type="text/javascript">
    $(function () {
        $(".loginTable select").change(function () {
            var type = $(this).find("option:selected").val();
            if (type == "0") {
                $("#mobileBut").show();
                $("#emailBut").hide();
            }
            else {
                $("#mobileBut").hide();
                $("#emailBut").show();
            }
        })
    })
</script>


</body>
</html>
